<!DOCTYPE html>
<html lang="en">

<head>
  <title>我的页面</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/sx3_1.css">
</head>

<body>
  <header>
    <div id="header-content">
      <img src="../image/profile.jpg" id="top">
      <h1>sniper</h1>
    </div>
  </header>
  <nav>
    <ul>
      <a href="../html/index.html">首页</a>
      <a href="../html/search.html">搜索</a>
      <a href="../html/square.html">广场</a>
      <a href="../html/community.html">社区</a>
      <a href="../html/hot.html">热门</a>
      <a href="../html/room.html">房间</a>
      <a href="../html/shopping.html">购物（超链接）</a>
      <a href="../html/message.html">消息</a>
      <a href="../html/my.html">我的</a>
    </ul>
  </nav>
  <section class="content">
    <aside class="aside-left">
      <a href="javascript:void(0);" class="show-content" data-main="你还没有收藏哦" data-right="开启收藏吧，这样就不会弄丢了">收藏</a>
      <a href="javascript:void(0);" class="show-content" data-main="你关注了@芋泥啵啵奶茶" data-right="想暴富吗？想变美吗？想快乐吗？那就跟我来！！一起暴富一起happy！！!">喜欢</a>
      <a href="javascript:void(0);" class="show-content" data-main="特别关注1" data-right="@最爱的颖颖啊">关注</a>
      <a href="javascript:void(0);" class="show-content" data-main="有1人关注了你" data-right="@草莓千层">粉丝</a>
      <a href="javascript:void(0);" class="show-content" data-main="访问了@AAA批发商江哥的#大学生#幽默#沉淀" data-right="大学生活，就像是一部大型连续剧，每个人都是主角，但剧本却常常出人意料。比如，当你在图书馆里埋头苦干，试图与微积分来一场深刻的对话时，你的室友突然冲进来，气喘吁吁地说：“快，教授的讲座开始了！”你抬头一看，墙上的钟显示：“距离讲座开始还有30分钟。”室友一脸无辜：“哦，我以为是昨天的讲座。”">我的足迹</a>
    </aside>
    <div class="main">
      <div id="main-content"></div>
    </div>
    <aside class="aside-right">
      <h3 id="right-title">详情</h3>
      <p id="right-content"></p>
    </aside>
  </section>
  <footer>
    <a href="mailto:abc@efg.com">请您留言</a>
    <span>版权：2207124003 许熔婷 </span>
  </footer>
  <script src="../javascript/my_script.js"></script>
</body>

</html>